<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Nuevo Uso/retiro</title>
        <link href="<%=request.getContextPath()%>/css/style.css" rel="stylesheet" type="text/css" media="screen">
    </head>
    <body>
        <f:view>
            <%@ include file="/barra.jsp" %>
            <table width="100%" border="0">
                <tr>
                    <td width="21%" align="left" valign="top">
                        <!-- Divisor del Contenido Principal -->
                        <div id="siteName"> </div>
                        <div id="content"> 
                            <div class="feature">
                                <jsp:directive.include file="/welcomeJSF.jsp" />
                            </div> 
                        </div> 
                        <!-- Fin del Contenido Principal -->
                    </td>
                    <td width="79%" align="left" valign="top">
                        <h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/>
                        <h1>Nuevo Uso/retiro</h1>
                        <h:form>
                            <u style="color: blue">
                                <h:outputText styleClass="label" value=" Datos de la Reserva Realizada "/>
                            </u>
                            <h:panelGrid columns="3" frame="box">
                                <h:outputText styleClass="label" value="Identificador del Solicitante:"/>
                                <h:outputText value="#{usoretiro.usoretiro.idReserva.idSolicitudReserva.idSolicitante.idUsuario} " />
                                <br>
                                <h:outputText styleClass="label" value="Solicitante:"/>
                                <h:outputText value="#{usoretiro.usoretiro.idReserva.idSolicitudReserva.idSolicitante.iddatospersonales} " />
                                <h:panelGroup rendered="#{usoretiro.usoretiro.idReserva.idSolicitudReserva.idSolicitante.iddatospersonales != null}">
                                    <h:outputText value=" [ "/>
                                    <h:commandLink value="Ver Detalle" action="#{datospersonales.detailSetup2}">
                                        <f:param name="jsfcrud.currentUsuario" value="#{usuario.asString[usoretiro.usoretiro.idReserva.idSolicitudReserva.idSolicitante]}"/>
                                        <f:param name="jsfcrud.currentDatospersonales" value="#{datospersonales.asString[usoretiro.usoretiro.idReserva.idSolicitudReserva.idSolicitante.iddatospersonales]}"/>
                                        <f:param name="jsfcrud.relatedController" value="usuario"/>
                                        <f:param name="jsfcrud.relatedControllerType" value="modelo.UsuarioController"/>
                                    </h:commandLink>
                                    <h:outputText value=" ] "/>
                                </h:panelGroup>
                                <h:outputText styleClass="label" value="Fecha de Aprobacion de Reserva:"/>
                                <h:outputText value="#{usoretiro.usoretiro.idReserva.fechaInicio}">
                                    <f:convertDateTime type="DATE" pattern="dd/MM/yyyy" />
                                </h:outputText>
                                <br>
                                <h:outputText styleClass="label" value="Recurso Reservado:"/>
                                <h:outputText value="id=#{usoretiro.usoretiro.idReserva.idRecurso} " />
                                <h:panelGroup>
                                    <h:outputText value=" [ "/>
                                    <h:commandLink value="Ver Detalle" action="#{recurso.detailSetup}">
                                        <f:param name="jsfcrud.currentRecurso" value="#{recurso.asString[usoretiro.usoretiro.idReserva.idRecurso]}"/>
                                    </h:commandLink>
                                    <h:outputText value=" ] "/>
                                </h:panelGroup>
                            </h:panelGrid>
                        </h:form>
                        
                        <h:form>
                            <%--<h:inputHidden id="validateCreateField" validator="#{usoretiro.validateCreate}" value="value"/>--%>
                            <h:inputHidden id="idUsoRetiro" value="#{usoretiro.usoretiro.idUsoRetiro}"/>
                            <h:inputHidden id="idOperador" value="#{usoretiro.usoretiro.idOperador}"/>
                            <h:inputHidden id="idReserva"  value="#{usoretiro.usoretiro.idReserva}"/>
                            <h:inputHidden id="fechaUso"  value="#{usoretiro.usoretiro.fechaUso}">
                                <f:convertDateTime type="DATE" pattern="dd/MM/yyyy" />
                            </h:inputHidden>
                            <h:inputHidden id="horaUso"  value="#{usoretiro.usoretiro.horaUso}">
                                <f:convertDateTime type="TIME" pattern="HH:mm" />
                            </h:inputHidden>
                            
                            <u style="color: blue">
                                <h:outputText styleClass="label" value=" Datos de la Operación de Uso/Retiro "/>
                            </u>
                            <h:panelGrid columns="2" frame="box">
                                <h:outputText styleClass="label" value="IdUsoRetiro:"/>
                                <h:inputText disabled="true" id="idUsoRetirox" value="#{usoretiro.usoretiro.idUsoRetiro}" title="IdUsoRetiro" required="true" requiredMessage="The idUsoRetiro field es requerido." />
                                <h:outputText styleClass="label" value="FechaUso (dd/MM/yyyy):"/>
                                <h:inputText disabled="true" id="fechaUsox" value="#{usoretiro.usoretiro.fechaUso}" title="FechaUso" required="true" requiredMessage="The fechaUso field es requerido." >
                                    <f:convertDateTime type="DATE" pattern="dd/MM/yyyy" />
                                </h:inputText>
                                <h:outputText styleClass="label" value="HoraUso (HH:mm):"/>
                                <h:inputText disabled="true" id="horaUsox" value="#{usoretiro.usoretiro.horaUso}" title="HoraUso" required="true" requiredMessage="The horaUso field es requerido." >
                                    <f:convertDateTime type="TIME" pattern="HH:mm" />
                                </h:inputText>
                                <h:outputText styleClass="label" value="Id-Operador:"/>
                                <h:inputText disabled="true" id="idOperadorx" value="#{usoretiro.usoretiro.idOperador}" title="IdOperador" required="true" requiredMessage="The idOperador field es requerido." />
                                <h:outputText styleClass="label" value="Id-Reserva:"/>
                                <h:inputText disabled="true" id="idReservax"  value="#{usoretiro.usoretiro.idReserva}" title="IdReserva" />
                                <h:outputText styleClass="label" value="Observacion:"/>
                                <h:inputTextarea id="observacion" value="#{usoretiro.usoretiro.observacion}" title="Observacion" required="true" requiredMessage="Debe establecer una Observación para registrar el Uso/Retiro" />
                                <h:outputText styleClass="label" value="Id-Ubicacion:"/>
                                <h:selectOneMenu id="idUbicacion" value="#{usoretiro.usoretiro.idUbicacion}" title="IdUbicacion" >
                                    <f:selectItems value="#{ubicacion.ubicacionsAvailableSelectOne}"/>
                                </h:selectOneMenu>
                            </h:panelGrid>
                            
                            <br />
                            <h:commandLink styleClass="boton" action="#{usoretiro.create}" value="[Crear]">
                                <f:param name="jsfcrud.currentUsoretiro" value="#{usoretiro.asString[usoretiro.usoretiro]}"/>
                            </h:commandLink>
                            <br />
                            <%--<br />
                            <h:commandLink styleClass="boton" action="#{usoretiro.listSetup}" value="[Mostrar todas las Operaciones de Uso/Retiro]" immediate="true"/>
                            --%>
                        </h:form>
                    </td>
                </tr>    
            </table>
            <%@ include file="/footer.jsp" %>
        </f:view>
    </body>
</html>
